﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="register.aspx.cs" Inherits="UKNOW_member_register" %>

<%--
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35"
    Namespace="System.Web.UI" TagPrefix="asp" %>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Register</title>
    <link href="css/uk.css" rel="stylesheet" type="text/css" />
    <link href="css/thickbox.css" rel="stylesheet" type="text/css" />
    <link href="css/jScrollPane.css" rel="stylesheet" type="text/css" />

    <script src="js/jquery-1.3.2.js" language="javascript" type="text/javascript"></script>

    <script src="js/thickbox.js" language="javascript" type="text/javascript"></script>

    <script src="js/jScrollPane.js" language="javascript" type="text/javascript"></script>

    <script type="text/javascript" src="js/jquery.mousewheel.js"></script>

    <script src="js/uk.js" language="javascript" type="text/javascript"></script>
<script src="js/swfobject.js" type="text/javascript"></script>

    <script src="js/Search.js" type="text/javascript"></script>

    <script src="js/common.js" type="text/javascript"></script>

    <script src="js/share.js" type="text/javascript"></script>
    <script src="js/followus.js" type="text/javascript"></script>
    <script type="text/javascript">

        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-27543073-4']);
        _gaq.push(['_trackPageview']);

        (function() {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();

    </script>

    <script type="text/javascript">

        $(function() {
            $("#hideUserName").val($("#tbxUserName").val());
            $("#hideMail").val($("#tbxUserMail").val());
            $("#hidePhoneNum").val($("#tbxPhone").val());
            $("#hideOther").val($("#tbxOther").val());
            $('#privatacyScroll').jScrollPane({ scrollbarWidth: 5, scrollbarMargin: 0 });
            //自动获取验证码
            $("#ShowCode").attr("src", "ValidateCode.ashx?isCreate=1&date=" + new Date());
            //点击切换验证码信息
            $('#RunChange').click(function() {
                $("#ShowCode").attr("src", "ValidateCode.ashx?isCreate=1&date=" + new Date());

            });
            // $("input:text").val("");
            $("input:text").focus(function() {
                $(this).addClass("focus");
                if ($(this).val() == this.defaultValue) {

                    $(this).val("");
                }
            }).blur(function() {
                $(this).removeClass("focus");
            });

            $("#cbxAgreed").blur(function() {
                if ($("#cbxAgreed").attr("checked")) {

                    $("#divAgreed").hide();
                }

            });

            $('input[id$=tbxUserMail]').blur(function() {

                ValidateMail(false);
            });

            $('input[id$=tbxUserName]').blur(function() {

                ValidateUserInfo(false);
            });

            $('input[id$=tbxPwd]').blur(function() {

                ValidatePassword(false);
            });

            $('input[id=tbxConfimPwd]').blur(function() {
                ValidateConfimPwd(false);

            });
            $('input[id=tbxPhone]').blur(function() {
                ValidatePhone(false);
            });

            $('input[id=tbxCheckCode]').blur(function() {
                ValidateCode(false);

            });

        });




        //验证所有信息
        function ValidateInfo(flag) {
            var success = false;
            success = ValidateMail(flag);
            if(!success)
                success= ValidateUserInfo(flag);
            if (!success)
                success = ValidatePassword(flag);

            if (!success)
                success = ValidateConfimPwd(flag);
            if (!success)
                success = ValidatePhone(flag);
            if (!success)
                success = ValidateCode(flag);
            alert(success);
            return success;
        }

        //邮箱信息验证
        function ValidateMail(flag) {
            var mailFlag = false;
            $('#errorEmail').find("span").empty().end().hide();

            var $userMail = $('input[id$=tbxUserMail]').val();
            var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
            if ($userMail == $("#hideMail").val()) {
                $userMail = "";
            }
            if (flag) {

                if ($.trim($userMail) == "") {
                    $('#errorEmail').show().append("<span>Please enter your Email address.</span>");
                }
                else {
                    if (!emailReg.test($userMail)) {
                        $('#errorEmail').show().append("<span>Please enter a valid email address.</span>");
                    }
                    else {
                        mailFlag = true;
                    }
                }
                if (mailFlag) {
                    $('#imageEmailInfo').show().attr('src', 'images/UK_icon05.gif');
                }
                else {
                    $('#imageEmailInfo').show().attr('src', 'images/UK_icon06.gif');
                }
            }
            else {
                if ($userMail != "") {
                    if (!emailReg.test($userMail)) {
                        $('#errorEmail').show().append("<span>Please enter a valid email address.</span>");
                    }
                    else {
                        mailFlag = true;
                    }
                    if (mailFlag) {
                        $('#imageEmailInfo').show().attr('src', 'images/UK_icon05.gif');
                    }
                    else {
                        $('#imageEmailInfo').show().attr('src', 'images/UK_icon06.gif');
                    }
                }
                else {

                    $('#imageEmailInfo').hide();
                }


            }

        }

        //用户信息验证
        function ValidateUserInfo(flag) {
            var userNameflag = false;
            $('#errorUserName').find("span").empty().end().hide();
            var $userName = $('input[id$=tbxUserName]').val();
            if ($userName == $("#hideUserName").val()) {
                $userName = "";
            }
            var $userNameReg = /^\w+$/; //只能输入由数字、26个英文字母或者下划线组成的字符串
            if (flag) {
                if ($.trim($userName) == "") {
                    $('#errorUserName').show().append("<span>Please enter your username.</span>");
                }
                else {
                    if ($userName.length < 4 || $userName.length > 10) {
                        $('#errorUserName').show().append("<span>Plaase use 4 to 10 characters.</span>");
                    }
                    else {
                        if (!$userNameReg.test($userName)) {
                            $('#errorUserName').show().append("<span>Username can contain only letters [a–z], numbers [0–9] or underscores [_]. Please try again.</span>");
                        }
                        else {
                            userNameflag = true;
                        }
                    }

                }
            }
            else {
                if ($userName != "") {
                    if ($userName.length < 4 || $userName.length > 10) {
                        $('#errorUserName').show().append("<span>Plaase use 4 to 10 characters.</span>");
                    }
                    else {
                        if (!$userNameReg.test($userName)) {
                            $('#errorUserName').show().append("<span>Username can contain only letters [a–z], numbers [0–9] or underscores [_]. Please try again.</span>");
                        }
                        else {
                            userNameflag = true;
                        }
                    }
                }


            }
            if (flag) {
                if (userNameflag) {
                    $('#imageUserNameInfo').show().attr('src', 'images/UK_icon05.gif');
                }
                else {
                    $('#imageUserNameInfo').show().attr('src', 'images/UK_icon06.gif');
                }
            }
            else {
                if ($userName != "") {
                    if (userNameflag) {
                        $('#imageUserNameInfo').show().attr('src', 'images/UK_icon05.gif');
                    }
                    else {
                        $('#imageUserNameInfo').show().attr('src', 'images/UK_icon06.gif');
                    }
                }
                else {

                    $('#imageUserNameInfo').hide();
                }
            }


        }

        //密码验证
        //0:密码为空 1:为字母数字和下划线 2：长度在6~18之间
        function ValidatePassword(flag) {
            var pwdFlag;
            var $tbxPwd = $('input[id$=tbxPwd]').val();
            $('#errorPwd').find("span").empty().end().hide();
            pwdFlag = CheckPassword($tbxPwd);
            if (flag) {
                if (pwdFlag == 0) {
                    $('#errorPwd').show().append("<span>Please enter a password.</span>");
                }
                else if (pwdFlag == 1) {
                    $('#errorPwd').show().append("<span>Password can contain only letters [a–z], numbers [0–9] or underscores [_]. Please try again.</span>");
                }
                else if (pwdFlag == 2) {
                    $('#errorPwd').show().append("<span>Please use 6-18 characters.</span>");
                }

            }
            else {
                if (pwdFlag == 1) {
                    $('#errorPwd').show().append("<span>Password can contain only letters [a–z], numbers [0–9] or underscores [_]. Please try again.</span>");
                }
                else if (pwdFlag == 2) {
                    $('#errorPwd').show().append("<span>Please use 6-18 characters.</span>");
                }
            }
        }


        //确认密码验证
        function ValidateConfimPwd(flag) {
            var confimPwdFlag;
            $('#errorConfimPwd').find("span").empty().end().hide();
            confimPwdFlag = IsSamePwd();
            if (!confimPwdFlag) {
                $('#errorConfimPwd').show().append("<span>The password you entered does not match. Please try again.</span>");
            }
        }

        //手机号码验证
        function ValidatePhone(flag) {
            var $phoneNum = $('input[id=tbxPhone]').val();
            if (($phoneNum != "") && ($phoneNum != $("#hidePhoneNum").val())) {
//                var phoneReg = /^1[3|4|5|8][0-9]\d{4,8}$/;
                var phoneReg = /[^\d]/;
                $('#errorMobile').find("span").empty().end().hide();
                if (/[^\d]/.test($phoneNum) || $phoneNum.length!=11) {
                    $('#errorMobile').show().append("<span>Invalid mobile phone number. Please try again.</span>");
                }
            }

        }
        //验证码验证
        function ValidateCode(flag) {
            var $checkCode = $('input[id=tbxCheckCode]').val();
            $('#errorCode').find("span").empty().end().hide();
            if (flag) {
                $.ajax({
                    url: "ValidateCode.ashx?ischeck=1&checkcode=" + $checkCode,
                    type: 'POST',
                    contentType: "application/json; charset=utf-8",
                    dataType: 'json',
                    data: "{'checkCode': '" + $checkCode + "'}",
                    success: function(data) {
                        if (data.Data == "0") {
                            $('#errorCode').show().append("<span>Invalid characters. Please try again.</span>");
                        }
                    }, error: Failed1

                });
            }

        }


        //pwdFlag
        //0:密码为空 1:为字母数字和下划线 2：长度在6~18之间 3:success
        function CheckPassword($pwd) {
            var pwdFlag = -1;
            var pwdReg = /^\w+$/;

            if (($.trim($pwd) == "")) {
                pwdFlag = 0;
            }
            else if (!pwdReg.test($pwd)) {
                pwdFlag = 1;
            }
            else if ($pwd.length < 6 || $pwd.length > 18) {
                pwdFlag = 2;
            }

            return pwdFlag;
        }

        //验证两次密码是否相同
        //返回结果为布尔型
        function IsSamePwd() {
            var $tbxPwd = $('input[id$=tbxPwd]').val();
            var $tbxConfimPwd = $('input[id$=tbxConfimPwd]').val();
            if ($tbxPwd != $tbxConfimPwd) {
                return false;
            }
            else {
                return true;
            }

        }

        function AjaxSucceeded(data) {
            var userNameflag = false;
            if (data.Exist == "1") {
                $('#errorUserName').show().append("<span>Username already exist.</span>");

                userNameflag = false;
            }
        }



        function Failed() {
            // alert('error');
        }

        function Failed1() {
            // alert('error111111');
        }
			

    </script>
    
    <script type="text/javascript">
        function openWin(src, width, height, showScroll) {
            window.open(src, "", "location=No,status=No,help=No,width=" + width + ",height=" + height + ";scroll:" + showScroll + ";");
            //Getsrc();
        }
        function fillImage(data) {
            if (data) {
                document.getElementById("BigImgs").src = "../uploadfiles/image/" + data + ".jpg";
                document.getElementById("MidImgs").src = "../uploadfiles/image/" + data + ".jpg";
                document.getElementById("SamlImgs").src = "../uploadfiles/image/" + data + ".jpg";
                document.getElementById("HeadImg").value = data;
            }
        }


        function IsAgreed() {
            
//            var item = $('#tbxUserMail');
//            if (item.val() == 'Please enter your email address.') item.val('');
//            item = $('#tbxUserName');
//            if (item.val() == 'Please enter your username.') item.val('');

//            item = $('#tbxPwd');
//            if (item.val() == 'Please enter your password') item.val('');

//            item = $('#tbxConfimPwd');
//            if (item.val() == 'Confirm your passwords') item.val('');

//            item = $('#tbxCheckCode');
//                        if (item.val() == 'Enter the verification code') item.val('');

            if (document.getElementsByName("cbxAgreed")[0].checked) {
                $("#divAgreed").css("display", "none");
                
            }
            else {
                $("#divAgreed").css("display", "block");
               
            }


           
            if ($("#tbxUserName").val() == "Please Enter Your UserName!" || $("#tbxUserName").val() == "")
                 {

                    //$("#tbxPhone").val("");

                     document.getElementById("errorUserName").innerHTML = "";
                     $('#errorUserName').show().append("<span>Please Enter UserName!</span>");
                    return false;
                }
            
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="main">
        <%--        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>--%>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <div class="ukContent">
            <div class="ukLeft">
                <div class="uklogo">
                    <a href="home.html">
                        <img src="images/UK_logo.gif" alt="UK NOW" /></a></div>
                <dl class="ukNav">
                    <dt class="over"><a href="home.html">
                        <img src="images/UK_nav01.gif" alt="home" border="0" /><img src="images/UK_nav01_1_1.gif"
                            alt="home" style="display: none" /></a></dt>
                    <dt class="over"><a href="aboutuknow.html">
                        <img src="images/UK_nav02.gif" alt="INTRODUCTION" border="0" /><img src="images/UK_nav02_1_1.gif"
                            alt="INTRODUCTION" style="display: none" /></a></dt>
                    <dt class="over"><a href="eventcalendar.html"><img src="images/UK_nav04.gif" alt="EVENT CALENDAR" border="0" /><img src="images/UK_nav04_1_1.gif" alt="EVENT CALENDAR" style="display:none"  /></a></dt>
                    <dt class="over"><a href="interactivespace.aspx"><img src="images/UK_nav05.gif" alt="INTERACTIVE SPACE" border="0" /><img src="images/UK_nav05_1_1.gif" alt="INTERACTIVE SPACE" style="display:none"  /></a></dt>
                    <dt class="over"><a href="sponsors.html">
                        <img src="images/UK_nav03.gif" alt="SPONSORS" border="0" /><img src="images/UK_nav03_1_1.gif"
                            alt="SPONSORS" style="display: none" /></a></dt>
                </dl>
                <dl class="ukSearch">
                    <dt>
                        <input name="" type="text" id="SearchValue" value="SEARCH" onfocus="this.value=''" />
                    </dt>
                    <dd>
                        <a href="#">
                            <img src="images/UK_bor03.gif" alt="" border="0" id="Search" /></a></dd>
                </dl>
                <div id="leftbar_reg" class="leftbar_reg"></div>
                <div id="leftbar_talk" class="leftbar_talk">
                  <!--
                    Flash "大家在讨论"
                    弹出Flash页面的尺寸为：700px * 640px
                    Flash中按钮调用的js代码为：          
                    tb_show('','talk.html?keepThis=true&TB_iframe=true&height=630&width=671','');  
                  -->
                </div>
                <div id="leftbar_impression"><a href="vote.html?keepThis=true&TB_iframe=true&height=604&width=576" class="thickbox"><img src="images/leftbar_impression.jpg" alt="" /></a></div>
                <script type="text/javascript">
                  var fo = new FlashObject("swf/leftbar_reg.swf", "Flash", "155", "150" , "9", "#ffffff");
                  fo.addParam("menu", "false");
                  fo.addParam("scale", "noscale");
                  fo.addParam("wmode", "transparent");
                  fo.write("leftbar_reg");
                </script>
                <script type="text/javascript">
                  var fo = new FlashObject("swf/leftbar_talk.swf", "Flash", "155", "150" , "9", "#ffffff");
                  fo.addParam("menu", "false");
                  fo.addParam("scale", "noscale");
                  fo.addParam("wmode", "transparent");
                  fo.write("leftbar_talk");
                  function nav(a) {
                      if ($("#tbxUserName").val() == "Please enter your username." || $("#tbxUserName").val() == "") {

                          $("#tbxPhone").val("");
                          if (a == 1) {
                              $("#tbxPwd").val("");
                              document.getElementById("errorPwd").innerHTML = "";
                              $('#errorPwd').show().append("<span>Please Enter UserName First!!!</span>");

                          }
                          else {

                              document.getElementById("errorUserName").innerHTML = "";
                              $('#errorUserName').show().append("<span>Please Enter UserName!</span>");
                          }
                      }
                  }
                  function uav(a) {
                      if ($("#tbxUserMail").val() == "Please enter your email address." || $("#tbxUserMail").val() == "") {
                          if (a == 1) {

                              $("#tbxUserName").val();
                              document.getElementById("errorUserName").innerHTML = "";
                              $("#errorUserName").show().append("<span>Please enter your email address.First!</span>");
                          }
                          else {
                              document.getElementById("errorEmail").innerHTML = "";
                              $("#errorEmail").show().append("<span>Please enter your email address.!</span>");
                          }

                      }
                  }
                  function nay(a) {
//                      if (a == 1) {
//                          $("#tbxCheckCode").val("");

//                      }
//                      nav();
//                      uav();
//                      document.getElementById("errorCode").innerHTML = "";
//                      $("#errorCode").show().append("<span>Please enter Personal information First!</span>");
                  }
                  function IsAgreed() {

                      //            var item = $('#tbxUserMail');
                      //            if (item.val() == 'Please enter your email address.') item.val('');
                      //            item = $('#tbxUserName');
                      //            if (item.val() == 'Please enter your username.') item.val('');


                      if ($("#tbxPwd").val() == "Please enter your password" || $("#tbxPwd").val() == "")
                                {
                                      document.getElementById("errorPwd").innerHTML = "";
                                      $("#errorPwd").show().append("<span>Please Enter Password!</span>");      

                                  }

                                  if ($("#tbxCheckCode").val() == "Enter the verification code" || $("#tbxCheckCode").val() == "") {
                                      document.getElementById("errorCode").innerHTML = "";
                                      $("#errorCode").show().append("<span>Enter the verification code </span>");      

                                  }
//                                  item = $('#tbxConfimPwd');
//                                  if (item.val() == 'Confirm your passwords') item.val('');

//                                  item = $('#tbxCheckCode');
//                                              if (item.val() == 'Enter the verification code') item.val('');

                      if (document.getElementsByName("cbxAgreed")[0].checked) {
                          $("#divAgreed").css("display", "none");

                      }
                      else {
                          $("#divAgreed").css("display", "block");

                      }


                      nav();
                      

                  }
                </script>
              </div>
            <div class="ukRight">
                <div class="ukTopLink">
                  <p><a href="/cn/register.aspx">CN</a> <span>|</span> <a href="#">EN</a></p>
                  <p class="share"><span>Follow us</span> <a href="javascript:;"><img src="images/UK_icon01_1.gif" id="sinaWeibo" alt="" /></a> <a href="javascript:;"><img src="images/UK_icon02_1.gif" alt="" id="kaixin" /></a> <a href="javascript:;"><img src="images/UK_icon03_1.gif" alt="" id="bouban" /></a> <a href="javascript:;"><img src="images/UK_icon04_1.gif" alt="" id="qqWebbo" /></a> <a href="http://page.renren.com/ibc" target="_blank"><img src="images/UK_icon12_1.gif" alt="" id="renren" /></a></p>
                  <dl>
                    <dt><a href="register.aspx"><span>Register</span></a></dt>
                    <dd><a href="login.html?keepThis=true&TB_iframe=true&height=290&width=472" class="thickbox"><span>Login</span></a></dd>
                  </dl>
                </div>
                <h1 class="reg">
                    <img width="560" height="49" alt="REGISTRATION" src="images/UK_title03_1.gif">
                </h1>
                <div class="ukSearchResults">
                    <h3>
                        <span>01</span><span class="f12">YOUR INFORMATION</span>
                        <div class="clear">
                        </div>
                    </h3>
                    <dl class="leave">
                    	<!--
                        AVATAR Begin
                        -->
                        <dt>AVATAR </dt>
                        <dd class="head">
                            <ul>
                              <li class="lhead"><img src="images/userhead_img.jpg" id="BigImgs" width="140" height="140" alt="" /></li>
                              <li class="mhead"><img src="images/userhead_img.jpg" id="MidImgs" width="50" height="50" alt="" /></li>
                              <li class="shead"><img src="images/userhead_img.jpg" id="SamlImgs" width="30" height="30" alt="" /></li>
                            </ul>
                            <span class="userinfo">
                              <p>Upload your profile picture<br />(jpg, gif, 5MB max)</p>
                              <input type="button" value="" class="headupload" />
                              <acronym><input type="button" class="file" onclick="openWin('imageedit/Default.aspx?LT=en', '520px', '520px', 'no')" /></acronym>
                            </span>
                        </dd>
                        <dt class="red" style="display: none" id="erroruserhead"></dt>
                        <!--
                          AVATAR End
                        -->
                        <dt>EMAIL <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxUserMail" runat="server" Text="Please enter your email address."></asp:TextBox>
                            <img src="images/UK_icon05.gif" align="absmiddle" alt="" id="imageEmailInfo" style="display: none" />
                        </dd>
                        <dt class="red" style="display: none" id="errorEmail"></dt>
                        <dt>USERNAME <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxUserName" runat="server" onfocus="uav()" onkeyup="uav(1)" Text="Please enter your username." MaxLength="10"></asp:TextBox>
                            <img src="images/UK_icon06.gif" align="absmiddle" alt="" id="imageUserNameInfo" style="display: none" />
                        </dd>
                        <dt class="red" style="display: none" id="errorUserName"></dt>
                        <dt>PASSWORD <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxPwd" runat="server" onfocus="nav(0)"   onkeyup="nav(1)" Text="Please enter your password" TextMode="Password"
                                MaxLength="18"></asp:TextBox>
                        </dd>
                        <dt class="red" style="display: none" id="errorPwd"></dt>
                        <dt>CONFIRM PASSWORD <span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxConfimPwd" runat="server" Text="Confirm your passwords" TextMode="Password"
                                MaxLength="18"></asp:TextBox>
                               
                        </dd>
                        <dt class="red" style="display: none" id="errorConfimPwd"></dt>
                        <dt>MOBILE PHONE</dt>
                        <dd>
                            <asp:TextBox ID="tbxPhone" runat="server" MaxLength=11 Text="Enter mobile munber to receive latest event news/reminder."></asp:TextBox>
                        </dd>
                        <dt class="red" style="display: none" id="errorMobile"></dt>
                        <dt>VERIFICATION CODE<span>*</span></dt>
                        <dd>
                            <asp:TextBox ID="tbxCheckCode" runat="server" onfocus="nay()"  onkeyup="nay(1)" Text="Enter the verification code"
                                CssClass="yzm"></asp:TextBox>
                            <img src="ValidateCode.ashx" alt="" class="left" id="ShowCode" />
                            <a href="#" id="linkUrl">
                                <img src="images/UK_Register_02.gif" alt="change" class="left" id="RunChange" /></a>
                                 <asp:TextBox ID="HeadImg" runat="server"></asp:TextBox>
                        </dd>
                        <dt class="red" style="display: none" id="errorCode"></dt>
                    </dl>
                    <div class="clear">
                    </div>
                </div>
                <div class="ukSearchResultsbox">
                    <h3>
                        <span>02</span><span class="f12">BRITISH COUNCIL’S E-NEWSLETTER<br />
                            <font>Please select the e-newsletter you would like to receive from the British Council.</font></span>
                        <div class="clear">
                        </div>
                    </h3>
                    <ul>
                        <li>
                            <img src="images/UK_R1.0_Register_01.gif">
                            <input name="Study Abroad" type="checkbox" value="Study Abroad" id="cbxStudy" runat="server" />
                            Study in the UK</li>
                        <li>
                            <img src="images/UK_R1.0_Register_02.gif">
                            <input name="IELTS" type="checkbox" value="IELTS" id="cbxIELTS" runat="server" />
                            IELTS</li>
                        <li>
                            <img src="images/UK_R1.0_Register_03.gif">
                            <input name="Arts and Culture" type="checkbox" value="Arts and Culture" id="cbxArts"
                                runat="server" />
                            Arts and Culture</li>
                    </ul>
                    <div class="clear">
                    </div>
                </div>
                <div class="ukRegsitrtion">
                    <h2>
                        <span><a name="0" href="javascript:">
                            <img border="0" alt="share with us" src="images/UK_R1.0_Register_16_1.gif">
                            <img border="0" style="display: none" alt="share with us" src="images/UK_R1.0_Register_16.gif">
                        </a></span>How did you hear about UK Now?
                    </h2>
                    <div class="box">
                        <dl>
                            <dt>PORTAL WEB</dt>
                            <dd>
                                <span>
                                    <input name="Sina.com" type="checkbox" value="Sina.com" id="cbxSina" runat="server" />
                                    Sina.com</span> <span>
                                        <input name="sohu.com" type="checkbox" value="sohu.com" id="cbxSohu" runat="server" />
                                        Sohu.com</span> <span>
                                            <input name="QQ.com" type="checkbox" value="QQ.com" id="cbxTengxun" runat="server" />
                                            QQ.com</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>SOCIAL MEDIA</dt>
                            <dd>
                                <span>
                                    <input name="Sina weibo" type="checkbox" value="Sina weibo" id="cbxSinaWeibo" runat="server" />
                                    Sina weibo</span> <span>
                                        <input name="Tengxun weibo" type="checkbox" value="Tengxun weibo" id="cbxTengxunWeibo"
                                            runat="server" />
                                        QQ weibo</span> <span>
                                            <input name="kaixin" type="checkbox" value="kaixin" id="cbxKaixin" runat="server" />
                                            Kaixin001</span> <span>
                                                <input name="Douban" type="checkbox" value="Douban" id="cbxDouban" runat="server" />
                                                Douban</span> <span class="sl">
                                                    <input name="Renren" type="checkbox" value="Renren" id="cbxRenren" runat="server" />
                                                    Renren</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>SEARCH ENGINE</dt>
                            <dd>
                                <span>
                                    <input name="Google" type="checkbox" value="Google" id="cbxGoogle" runat="server" />
                                    Google</span> <span>
                                        <input name="Baidu" type="checkbox" value="Baidu" id="cbxBaidu" runat="server" />
                                        Baidu</span> <span>
                                            <input name="Bing" type="checkbox" value="Bing" id="cbxBing" runat="server" />
                                            Bing</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>OFFLINE CHANNELS</dt>
                            <dd>
                                <span>
                                    <input name="Offline Events" type="checkbox" value="Offline Events" id="cbxOfflineEvents"
                                        runat="server" />
                                    Offline Events</span> <span class="recom">
                                        <input name="Newspaper/Magazine" type="checkbox" value="Newspaper/Magazine" id="cbxNewspaper"
                                            runat="server" />
                                        Newspaper/Magazine</span> <span class="recom">
                                            <input name="Outdoor Billboard/Flag" type="checkbox" value="Outdoor Billboard/Flag"
                                                id="cbxOutdoor" runat="server" />
                                            Outdoor Billboard/Flag</span> <span>
                                                <input name="Taxi Ads" type="checkbox" value="Taxi Ads" id="cbxTaxi" runat="server" />
                                                Taxi Ads</span> <span class="sl">
                                                    <input name="Metro Ads" type="checkbox" value="Metro Ads" id="cbxMetro" runat="server" />
                                                    Metro Ads</span>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                        <dl>
                            <dt>OTHER</dt>
                            <dd>
                                <span>
                                    <input name="BBS" type="checkbox" value="BBS" id="cbxBBS" runat="server" />
                                    BBS</span> <span>
                                        <input name="TV/Radio" type="checkbox" value="TV/Radio" id="cbxTV" runat="server" />
                                        TV/Radio</span> <span class="recom230">
                                            <input name="Recommendation from Friends" type="checkbox" value="Recommendation from Friends"
                                                id="cbxRecommendtion" runat="server" />
                                            Recommendation from Friends</span><br />
                                <asp:TextBox CssClass="w" ID="tbxOther" runat="server" Text="Please kindly specify."></asp:TextBox>
                            </dd>
                        </dl>
                        <div class="clear">
                        </div>
                    </div>
                    <div class="clear">
                    </div>
                </div>

                <script>
                    document.getElementById("HeadImg").style.visibility = "hidden";
  
                    $(document).ready(function() {
                        $('.box').hide()
                        $('.ukRegsitrtion h2 a').click(function() {
                            var obj = $(this).attr('name');
                            if (obj == 0) {
                                $('.box').slideDown();
                                $(this).attr('name', 1);
                                $('.ukRegsitrtion h2 a img').eq(0).hide();
                                $('.ukRegsitrtion h2 a img').eq(1).show();
                            }
                            if (obj == 1) {
                                $('.box').slideUp();
                                $(this).attr('name', 0);
                                $('.ukRegsitrtion h2 a img').eq(1).hide();
                                $('.ukRegsitrtion h2 a img').eq(0).show();
                            }
                        })
                    })
                    
                </script>

                <div class="ukRead">
                    <dl>
                        <dt>
                            <span style="color:red;">*</span> <input name="" type="checkbox" value="" id="cbxAgreed" runat="server" />
                        </dt>
                        <dd>
                            I have read and agreed to <a href="privacy.html?keepThis=true&TB_iframe=true&height=500&width=542" class="thickbox"><span>the registration terms of website activities.</span></a><br />
                            <div style="display: none" id="divAgreed">
                                Please make sure you have read and agreed to the registration terms of website activities.</div>
                        </dd>
                    </dl>
                    <h2>Required fields are marked <span>*</span></h2>
                    <div class="clear">
                    </div>
                    <p>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <asp:LinkButton ID="lbRegister" runat="server" OnClick="lbRegister_Click" OnClientClick="IsAgreed()"><img src="images/UK_Register.gif" alt="Register" id="register" /></asp:LinkButton>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </p>
                    <div class="clear">
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div id="footer">
          <dl>
            <dt><a href="http://www.britishcouncil.org.cn/en/china.htm" target="_blank"><img src="images/UK_Search_56.gif" alt="" border="0" /></a></dt>
            <dd>
              <p><a href="http://www.britishcouncil.org.cn/en/china.htm" target="_blank">British Council</a> | <a href="contactus.html">Contact Us</a> | <a href="privacy.html?keepThis=true&TB_iframe=true&height=500&width=542" class="thickbox">Privacy Policy</a> | <a href="sitemap.html">Site Map</a></p>
            </dd>
          </dl>
        </div>
      </div>
    <asp:HiddenField ID="hidePhoneNum" runat="server" />
    <asp:HiddenField ID="hideOther" runat="server" />
    <asp:HiddenField ID="hideMail" runat="server" />
    <asp:HiddenField ID="hideUserName" runat="server" />
    </form>
    
   <!-- START OF SmartSource Data Collector TAG -->
<!-- Copyright (c) 1996-2009 WebTrends Inc.  All rights reserved. -->
<!-- Version: 8.6.2 -->
<!-- Tag Builder Version: 3.0  -->
<script src="js/bcwebtrends.js" type="text/javascript"></script>
<!-- ----------------------------------------------------------------------------------- -->
<!-- Warning: The two script blocks below must remain inline. Moving them to an external -->
<!-- JavaScript include file can cause serious problems with cross-domain tracking.      -->
<!-- ----------------------------------------------------------------------------------- -->
<script type="text/javascript">
    //<![CDATA[
    var _tag = new WebTrends();
    _tag.fpcdom = ".uknow.org.cn";
    _tag.dcsGetId();
    //]]>>
</script>
<script type="text/javascript">
    //<![CDATA[
    // Add custom parameters here.
    //_tag.DCSext.param_name=param_value;
    _tag.WT.sp = "China_uknow_reg";
    _tag.dcsCollect();
    //]]>>
</script>
<noscript>
<div><img alt="DCSIMG" id="DCSIMG" width="1" height="1" src="http://statse.webtrendslive.com/dcsozkqgb00000sh0y1unaabw_9e3r/njs.gif?dcsuri=/nojavascript&amp;WT.js=No&amp;WT.tv=8.6.2"/></div>
</noscript>
<!-- END OF SmartSource Data Collector TAG -->
 
</body>
</html>
